<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 构造方法（父类）
    class Phone {
      constructor(brand, price) {
        this.brand = brand;
        this.price = price;
      }

      // 父类的成员属性
      call() {
        console.log("我可以打电话");
      }
    }

    // 子类 extends继承
    class SmartPhone extends Phone {
      // 构造方法
      constructor(brand, price, color, size) {
        // 构造方法中第一句super，实现call继承的功能(让父类中的this指向子类实例)
        super(brand, price);

        this.color = color;
        this.size = size;
      }

      photo() {
        console.log("拍照");
      }

      playGame() {
        console.log("玩游戏");
      }
      // 对父类方法进行重写
      // call(){
      //   console.log("我可以打视频电话");
      // }
    }

    // 子类实例化
    const xiaomi = new SmartPhone('小米', 1999, '红色', '4.7inch');
    console.log(xiaomi);
    xiaomi.call()
  </script>
</body>

</html>